import type { FC } from 'react';
import Entypo from '@expo/vector-icons/Entypo';
import { View, Text, TouchableOpacity } from 'react-native';
import Card from '../Card';
import styles from './styles';

type LocationProps = {
  location: string;
  longitude: string,
  latitude: string,
}

const Location: FC<LocationProps> = (props) => {
  const { location } = props;
  return (
    <Card>
      <TouchableOpacity
        activeOpacity={.8}
        style={styles.wrapper}
      >
        <Entypo
          size={16}
          name="location"
          color="white"
          style={styles.icon}
        />
        <Text
          numberOfLines={2}
          style={styles.text}
        >
          {location}
        </Text>
        <Entypo
          size={24}
          color="#999"
          name="chevron-small-right"
        />
      </TouchableOpacity>
    </Card>
  );
}

export default Location;